<template>
  <div class="scene-type">
    <Ws v-if="type === 'ws'"></Ws>
    <Ddcr v-else-if="type === 'ddcr'"></Ddcr>
    <Tf v-else-if="type === 'tf'"></Tf>
    <Dc v-else-if="type === 'dc'"></Dc>
  </div>
</template>

<script setup lang="ts">
import Ws from './ws.vue'
import Ddcr from './ddcr.vue'
import Tf from './tf.vue'
import Dc from './dc.vue'

defineProps({
  type: {
    type: String,
    required: true
  }
})
</script>

<style lang="scss" scoped>
.scene-type {
  height: 300px;
  overflow: hidden;
}
</style>
